import React, { Component } from 'react';
import { Carousel, Row, Col, List, Avatar, Card } from 'antd';
import { Switch, Redirect, Route, Link } from 'react-router-dom';
import Header from '../../components/Header/Header.js'
import Footer from '../../components/Footer/Footer.js'
import Article from '../../components/Article/Article.js'
import Home from './Home.js';
import './homepage.css';

class Homepage extends Component {

    render() {
        return <div>
            <Header current="homepage" />
            <Switch>
                <Route path='/homepage/home' component={Home} />
                <Route path="/homepage/:id" component={Article} />
                <Redirect from="/homepage" to="/homepage/home" />
            </Switch>
            <div className="action" style={{ backgroundColor: "#eeeeee", padding: '20px' }}>
                <Row style={{ height: 150 }}>
                    <Col span="8" style={{ padding: '20px', boxSizing: 'border-box' }}>中<br /><br />中<br />中</Col>
                    <Col span="8" style={{ padding: '20px', boxSizing: 'border-box' }}>右<br /><br />右<br />右</Col>
                    <Col span="8" style={{ padding: '20px', boxSizing: 'border-box' }}>左<br /><br />左<br />左</Col>
                </Row>
            </div>
            <Footer />
        </div>
    }
}

export default Homepage;
